<template>
  <div :size="props.size" class="compo-iconChecked absolute">
    <IconCheck
      color="#fff"
      :size="props.size"
      stroke="4"
      class="animate__bounceIn"
    ></IconCheck>
  </div>
</template>
<script setup>
import { IconCheck } from "@tabler/icons-vue";
const props = defineProps({
  size: {
    type: Number,
    default: 10,
  },
});
</script>
<style lang="scss">
.compo-iconChecked {
  z-index: 100;
  right: -1px;
  top: 0px;
  background: #3461ff;
  width: 24px;
  height: 24px;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  svg {
    @apply absolute right-[2px] top-[2px];
  }
}
</style>
